@charset "UTF-8";

/* ****************************************************
Title: base.css
Created date: 2009/07/23
Last Modified: 2009/07/23
Created by: iGrove
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 General Elements
#02 body
#03 layout
#04 header
#05 gNavi
#06 pageBody
#07 primary
#08 secondary
#09 footer

----------------------------------------*/


/* #01 General Elements
---------------------------------------------------------------------------- */

a { color: #1B73B0; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }



/* #02 body
---------------------------------------------------------------------------- */

body {
	background: #FFF url(../images/bg_body.gif) repeat-x 0 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif, verdana;
	color: #777;
}

p.forPrint {
	display: none;
}


/* #03 layout
---------------------------------------------------------------------------- */

div#layout {
	margin: 0 auto;
	width: 100%;
}


/* #04 header
---------------------------------------------------------------------------- */

div#header {
	clear: both;
	position: relative;
	height: 120px;
}

div#header ul#hNavi2 {
	padding: 20px 0 4px 0;
	position: absolute;
	right: 5px;
	top: 12px;
}

div#header ul#hNavi2 li {
	float: left;
	padding: 0 0 0 4px;
}

div#header p.textHead {
	color: #FFF;
	font-size: 90%;
	position: absolute;
	left: 3px;
	top: 3px;
}

div#header h1#logo,
div#header p#logo {
	float: left;
	padding: 35px 24px 0 20px;
	font-size: 200%;
}

* html div#header h1#logo,
* html div#header p#logo {
	padding: 56px 21px 0 20px;
}

div#header p.conduct {
	padding: 59px 0 0 0;
}

div#header div.hBlock {
	font-size: 90%;
	position: absolute;
	right: 3px;
	top: 2px;
	text-align: right;
	width: 300px;
}

div#header div.hBlock p.textBlock {
	color: #FFF;
	float: left;
	margin: 1px 0 0 39px;
}

* html div#header div.hBlock p.textBlock {
	margin: 0 0 0 19px;
}

div#header div.hBlock p.logout {
	background: url(../images/bg_logout.gif) no-repeat right top;
	padding: 1px 4px 0 0;
	line-height: 10px;
}


/* #06 pageBody
---------------------------------------------------------------------------- */

div#pageBody {
	clear: both;
	padding: 16px 0 0 0;
}


/* #07 primary
---------------------------------------------------------------------------- */

div#primary {
	float: right;
	width: 770px;
}

table.jCalendar {
	border: 1px solid #000;
	background: #F5F5F5;
    border-collapse: separate;
    border-spacing: 1px;
}

table.jCalendar th {
	background: #444;
	color: #fff;
	padding: 3px 5px;
	font-size: 9px;
	text-align: center;
}

table.jCalendar td {
	background: #fff;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}

table.jCalendar td.other-month {
	background: #E7E4DC;
	color: #000;
}

table.jCalendar td.today {
	background: #6495ED;
	color: #FFF;
}

table.jCalendar td.selected {
	background: #FF69B4;
	color: #fff;
}

table.jCalendar td.selected.dp-hover {
	background: #FFB6C1;
	color: #fff;
}

table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #FFB6C1;
	color: #000;
}

table.jCalendar tr.selectedWeek td {
	background: #f00;
	color: #fff;
}

table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #DCDCDC;
	color: #A9A9A9;
}

table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #DCDCDC;
	color: #A9A9A9;
}

div.dp-popup {
	position: relative;
	background: #157FC8;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	margin: 0 0 0 20px;
	width: 171px;
	line-height: 1.2em;
	z-index: 100;
}

div#dp-popup {
	position: absolute;
	background: #4169E1;
	z-index: 199;
}

div.dp-popup h2 {
	font-size: 12px;
	color: #FFF;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}

a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}

a#dp-close:hover {
	text-decoration: underline;
}

div.dp-popup a {
	color: #fff;
	text-decoration: none;
	padding: 3px 2px 0;
}

div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}

div.dp-popup div.dp-nav-prev a {
	float: left;
}

div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}

div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}

div.dp-popup div.dp-nav-next a {
	float: right;
}

div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}

div.dp-popup td {
	cursor: pointer;
}

div.dp-popup td.disabled {
	cursor: default;
}

input.dp-applied {
	width: 100px;
	float: left;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/b_calender.gif) no-repeat;
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}


/* #08 secondary
---------------------------------------------------------------------------- */

div#secondary {
	float: left;
	padding: 0 0 0 10px;
	width: 210px;
}

* html div#secondary {
	float: left;
	padding: 0 0 0 5px;
	width: 210px;
}

div#secondary ul#lNavi {
	width: 200px;
}

div#secondary ul#lNavi li.toppage {
	background: url(../images/bg_lnavi_last.gif) no-repeat left top;
	margin: 8px 0 0 0;
}

div#secondary ul#lNavi li.toppage a {
	background: #FF0000 url(../images/bg_lnavi_last.gif) no-repeat left top;
	color: #FFF;
	display: block;
	height: 23px;
	padding: 6px 0 0 26px;
	text-decoration: none;
}

div#secondary ul#lNavi li.logout {
	margin: 0;
}

div#secondary ul#lNavi li span {
	display: block;
	height: 29px;
	width: 174px;
}

div#secondary ul#lNavi li span a {
	background: url(../images/bg_lnavi.gif) no-repeat left top;
	color: #FFF;
	display: block;
	height: 22px;
	padding: 7px 0 0 26px;
	text-decoration: none;
	width: 174px;
}

div#secondary ul#lNavi li ul li {
	border: 1px solid #C8DAF1;
	border-top: none;
}

div#secondary ul#lNavi li ul li a {
	background: url(../images/bg_lnavi_content.gif) no-repeat left top;
	display: block;
	padding: 6px 0 6px 26px;
}

div#secondary ul#lNavi li ul li.first {
	border: 1px solid #C8DAF1;
}

/* #09 footer
---------------------------------------------------------------------------- */

div#footer {
	clear: both;
	background: url(../images/bg_footer.gif) repeat-x 0 0;
	margin: 18px 0 0 0;
}

div#footer div.fBlock {
	margin: 0 auto;
	padding: 17px 0 0 2px;
	width: 100%;
}

div#footer div.fBlock p.textFoot {
	color: #555;
	float: left;
	padding: 2px 0 0 0;
}

div#footer div.fBlock p.pageTop {
	background: url(../images/ico_page_top.gif) no-repeat right 2px;
	float: right;
	margin: 0 3px 0 0;
}

div#footer div.fBlock p.pageTop a {
	color: #555;
	font-size: 90%;
	padding: 0 14px 0 0;
}